<template>
  <div>
    <template>
      <el-table :data="data">
        <af-table-column label="列1" prop="a" align = "center"/>
        <af-table-column label="列2" prop="b" align = "center"/>
        <af-table-column label="列33" prop="a" align = "center"/>
        <af-table-column label="列4" prop="b" align = "center"/>
        <af-table-column label="列33" prop="a" align = "center"/>
        <af-table-column label="列4" prop="b" align = "center"/>
        <af-table-column label="管理系统绵开发与研究" prop="a" align = "center"/>
        <af-table-column label="你好世界" prop="b" align = "center"/>
        <af-table-column label="列1" prop="a" align = "center"/>
        <af-table-column label="安装日期哈哈"  align = "center">
            {{myDate}}
        </af-table-column>

        <af-table-column label="长度"  align = "center" :show-overflow-tooltip = "true" prop = "q" width = "100px"/>
      </el-table>

    </template>

  </div>
</template>

<script>
export default {
  name: "tableWidth",
  data() {
    return {
      data:[
        {a:'143124323',b:'4213jf82334',q:'fdsafasdfasdfasdfkjalsjfdasdfioajsdfkalsjfasdfasdfadsfsadfdsafasdfasdfasdfkjalsjfdasdfioajsdfkalsjfasdfasdfadsfsadf'}
      ],
      myDate:"2022-05-12"
    }
  },
}
</script>

<style scoped>
.mySelect {
  width: 130px;
  height: 500px;
}

/deep/ .mySelect .el-select-dropdown__wrap {
  max-height: 425px;
}
</style>
